@charset "UTF-8";
@import "./common.scss";
@import "./header.scss";

.fenlei-section{@include widthAuto; background:$white; margin-top:35px; padding:15px 0; font-size:14px; font-weight:bold;
    .chose-con{ margin:10px 20px 0; line-height:20px; padding:10px 0 10px 120px;
        strong{ width:120px; float: left; margin-left:-120px; text-align:right; color:$cjs; line-height: 24px;
            .tags{width:12px;height:16px;background:url("../img/tags_icon.png") no-repeat;display:inline-block;position:relative;top:3px;margin-right:5px}
        }
        .items{
            li{ float: left; color:$c000; padding:0 10px; background: #a78d33; margin-right: 10px; color: $white; height: 24px; line-height: 24px;
                .close{ width:14px; height:10px; display:inline-block; background:url("../img/close_icon.png") no-repeat center center;}
            }
        }
    }
    .cote-con{margin:0 20px; border-top:1px #e6e1d5 solid;padding:10px 40px 10px 120px;
        strong{ width:120px; float: left; margin-left:-120px; text-align:right; color:$cjs;
            .mdd{ width:12px; height:16px; background:url("../img/address_icon.png") no-repeat; display:inline-block; position: relative; top:3px; margin-right:5px;}
            .cp{ width:12px; height:12px; background:url("../img/product_icon.png") no-repeat; display:inline-block; position: relative; top:2px; margin-right:5px;}
        }
        .items{ height: 24px; line-height: 24px; overflow: hidden;
            a{ color:$c000; font-weight:normal; width: 70px; margin: 0 8px; height: 24px; overflow: hidden; display: inline-block; text-align: center;}
        }
        .more-btn{ float: right; width: 40px; text-align: center; color: #45b0e8; font-weight: normal;margin-right: -40px; }
    }
}
.product-section{@include widthAuto; padding:12px 0;
    .pro-tit{ font-size:14px;
        .page-tit{ float:right; padding-top:6px;
            span{ line-height:20px; margin-right:10px; color:#5b5c5d;}
            a{ width:20px; height:20px; text-align:center; line-height:20px; color:white; background:#4a4b4c; display:inline-block;}
        }
        .tab－tit{
            a{ width:92px; height:32px; line-height:32px; text-align:center; float: left;border: 1px #a78d33 solid;

                .icon{ width: 12px; height: 12px; background: url(../img/price_px_icon1.png) no-repeat; display: inline-block; margin-left: 3px;}
                .p-icon{ color: #a78d33;}
            }
            .cur{background:#a78d33;color:$white;}
            .hover.icon{ background: url(../img/price_px_icon2.png) no-repeat; }
        }
    }
    .product-lists{margin-top: 18px; margin-right: -25px;
        .product {width: 365px; height: 330px; overflow: hidden; float: left; background: $white; color: #868585; margin: 0 20px 20px 0;
            dt{position: relative;
                .star {position: absolute; bottom: 0; left: 15px; z-index: 2;width: 90px;height: 20px;
                    b {background: url("../img/search_icon_star.png") left bottom no-repeat;display: inline-block;zoom: 1;width: 14px;height: 14px;margin-right: 1px}
                    b.full {background-position: left top;}
                }
                .img{ width:365px; height:250px;
                    img{width:365px; height:250px; display:block;}
                }
                .add {position: absolute;bottom: 6px;right: 15px;z-index: 999;width: 200px;height: 18px;line-height: 18px;color:$white;vertical-align: top;text-align: right;font-family: sunsim;
                    b {background: url("../img/common_icon.png") left -140px no-repeat;width: 12px;height: 18px;display: inline-block;zoom: 1;margin-right: 5px;vertical-align: middle}
                }
                .infos {background: url("../img/search_listbg.png") left top no-repeat;width: 365px;height: 250px;position: absolute;top: 0;left: 0;color: $white;font-size: 14px;line-height: 24px;
                    p {
                        margin: 70px 50px 0
                    }
                    p:first-letter {
                        font-size: 24px
                    }
                    a{ color:$white;width:365px; height:250px; display:block;}
                }

            }
            dd {margin: 14px 10px;
                .name {float: left;width: 230px;color: #777;font-size: 13px;}
                .price {color: #999;text-align: right;float: right;width: 110px;
                    .vip b,.vip em {font-style: normal;font-weight: 400;color: #ff63b1;}
                    em {font-size: 18px;}
                }
                .payment{
                    span{ text-decoration: line-through;}
                }
            }
        }
    }
}


.Love {position: absolute;right: 10px;top: 10px;z-index: 10;cursor: pointer;width: 32px;height: 28px;
    i {width: 32px;height: 28px; vertical-align: middle;background: url(../img/lovenormal.png) no-repeat}
    span {margin-right: 10px;display: none;color: $white;}
    i,&:hover span {display: inline-block;}
    &:hover {width: 102px;}
    &:hover i {background: url(../img/lovehover.png) no-repeat;}
}
.Love.cur:hover {width: 114px;}
.Love.cur i {background: url(../img/loveact.png) no-repeat;}

@import "./page.scss";
@import "./footer.scss";